<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Menu Test Suite</title>

	<script src="../../jquery.js"></script>
	<link rel="stylesheet" href="../../../external/qunit.css">
	<script src="../../../external/qunit.js"></script>
	<script src="../../jquery.simulate.js"></script>
	<script src="../testsuite.js"></script>
	<script>
	TestHelpers.loadResources({
		css: [ "ui.core", "ui.menu" ],
		js: [
			"ui/jquery.ui.core.js",
			"ui/jquery.ui.widget.js",
			"ui/jquery.ui.menu.js"
		]
	});
	</script>

	<script src="menu_test_helpers.js"></script>
	<script src="menu_common.js"></script>
	<script src="menu_core.js"></script>
	<script src="menu_events.js"></script>
	<script src="menu_methods.js"></script>
	<script src="menu_options.js"></script>

	<script src="../swarminject.js"></script>
	<style>
	.ui-menu {
		font-size: 15px;
		line-height: 15px;
	}
	.ui-menu .ui-menu-item {
		padding: 0;
		/* Support: IE7 */
		*display: block;
		*float: left;
		*clear: left;
	}
	#menu3 {
		height: 250px;
		overflow: auto;
	}
	#menu4, #menu4 ul {
		height: 250px;
		overflow: auto;
	}
	</style>
</head>
<body>

<div id="qunit">jQuery UI Menu Test Suite</div>
<div id="qunit-fixture">

<ul class="foo" id="menu1">
	<li class="foo">Aberdeen</li>
	<li class="foo">Ada</li>
	<li class="foo">Adamsville</li>
	<li id="testID1" class="foo">Addyston</li>
	<li class="foo">Adelphi</li>
</ul>

<ul id="menu2">
	<li class="foo">Aberdeen</li>
	<li class="foo">Ada</li>
	<li class="foo">Adamsville</li>
	<li class="foo"><span class="ui-icon ui-icon-print"></span>Addyston</li>
	<li>Delphi
		<ul>
			<li class="foo">Ada</li>
			<li class="foo">Saarland</li>
			<li class="foo">Salzburg</li>
		</ul>
	</li>
	<li class="foo">Saarland</li>
	<li>Salzburg
		<ul>
			<li>Delphi
				<ul>
					<li class="foo">Ada</li>
					<li class="foo">Saarland</li>
					<li class="foo">Salzburg</li>
				</ul>
			</li>
			<li>Delphi
				<ul>
					<li class="foo">Ada</li>
					<li> - </li>
					<li class="foo">Saarland</li>
					<li></li>
					<li class="foo">Salzburg</li>
					<li>&ndash;</li>
				</ul>
			</li>
			<li class="foo">Perch</li>
		</ul>
	</li>
</ul>

<ul class="foo" id="menu3">
	<li class="foo">Aberdeen</li>
	<li class="foo">Ada</li>
	<li class="foo">Adamsville</li>
	<li class="foo">Addyston</li>
	<li class="foo">Adelphi</li>
	<li class="foo">Adena</li>
	<li class="foo">Adrian</li>
	<li class="foo">Akron</li>
	<li class="foo">Albany</li>
	<li class="foo">Alexandria</li>
	<li class="foo">Alger</li>
	<li class="foo">Alledonia</li>
	<li class="foo">Alliance</li>
	<li class="foo">Alpha</li>
	<li class="foo">Alvada</li>
	<li class="foo">Alvordton</li>
	<li class="foo">Amanda</li>
	<li class="foo">Amelia</li>
	<li class="foo">Amesville</li>
	<li class="foo">Aberdeen</li>
	<li class="foo">Ada</li>
	<li class="foo">Adamsville</li>
	<li class="foo">Addyston</li>
	<li class="foo">Adelphi</li>
	<li class="foo">Adena</li>
	<li class="foo">Adrian</li>
	<li class="foo">Akron</li>
	<li class="foo">Albany</li>
	<li class="foo">Alexandria</li>
	<li class="foo">Alger</li>
	<li class="foo">Alledonia</li>
	<li class="foo">Alliance</li>
	<li class="foo">Alpha</li>
	<li class="foo">Alvada</li>
	<li class="foo">Alvordton</li>
	<li class="foo">Amanda</li>
	<li class="foo">Amelia</li>
	<li class="foo">Amesville</li>
</ul>

<ul class="foo" id="menu4">
	<li class="foo">Aberdeen</li>
	<li class="foo">
		Ada
		<ul class="foo">
			<li class="foo">Aberdeen</li>
			<li class="foo">Ada</li>
			<li class="foo">Adamsville</li>
			<li class="foo">Addyston</li>
			<li class="foo">Adelphi</li>
			<li class="foo">Adena</li>
			<li class="foo">Adrian</li>
			<li class="foo">Akron</li>
			<li class="foo">Albany</li>
			<li class="foo">Alexandria</li>
			<li class="foo">Alger</li>
			<li class="foo">Alledonia</li>
			<li class="foo">Alliance</li>
			<li class="foo">Alpha</li>
			<li class="foo">Alvada</li>
			<li class="foo">Alvordton</li>
			<li class="foo">Amanda</li>
			<li class="foo">Amelia</li>
			<li class="foo">Amesville</li>
			<li class="foo">Aberdeen</li>
			<li class="foo">Ada</li>
			<li class="foo">Adamsville</li>
			<li class="foo">Addyston</li>
			<li class="foo">Adelphi</li>
			<li class="foo">Adena</li>
			<li class="foo">Adrian</li>
			<li class="foo">Akron</li>
			<li class="foo">Albany</li>
		</ul>
	</li>
	<li class="foo">Adamsville</li>
	<li class="foo">Addyston</li>
	<li class="foo">Adelphi</li>
	<li class="foo">Adena</li>
	<li class="foo">Adrian</li>
	<li class="foo">Akron</li>
	<li class="foo">Albany</li>
	<li class="foo">Alexandria</li>
	<li class="foo">Alger</li>
	<li class="foo">Alledonia</li>
	<li class="foo">Alliance</li>
	<li class="foo">Alpha</li>
	<li class="foo">Alvada</li>
	<li class="foo">Alvordton</li>
	<li class="foo">Amanda</li>
	<li class="foo">Amelia</li>
	<li class="foo">Amesville</li>
	<li class="foo">Aberdeen</li>
	<li class="foo">Ada</li>
	<li class="foo">Adamsville</li>
	<li class="foo">Addyston</li>
	<li class="foo">Adelphi</li>
	<li class="foo">Adena</li>
	<li class="foo">Adrian</li>
	<li class="foo">Akron</li>
	<li class="foo">Albany</li>
	<li class="foo">Alexandria</li>
	<li class="foo">Alger</li>
	<li class="foo">Alledonia</li>
	<li class="foo">Alliance</li>
	<li class="foo">Alpha</li>
	<li class="foo">Alvada</li>
	<li class="foo">Alvordton</li>
	<li class="foo">Amanda</li>
	<li class="foo">Amelia</li>
	<li class="foo">Amesville</li>
</ul>

<div id="menu5">
	<blockquote>Aberdeen</blockquote>
	<blockquote>Ada</blockquote>
	<blockquote>Adamsville</blockquote>
	<blockquote>Addyston</blockquote>
	<blockquote>Delphi
		<div>
			<blockquote>Ada</blockquote>
			<blockquote>Saarland</blockquote>
			<blockquote>Salzburg</blockquote>
		</div>
	</blockquote>
	<blockquote>Saarland</blockquote>
	<blockquote>Salzburg
		<div>
			<blockquote>Delphi
				<div>
					<blockquote>Ada</blockquote>
					<blockquote id="testID2">Saarland</blockquote>
					<blockquote>Salzburg</blockquote>
				</div>
			</blockquote>
			<blockquote>Delphi
				<div>
					<blockquote>Ada</blockquote>
					<blockquote>Saarland</blockquote>
					<blockquote>Salzburg</blockquote>
				</div>
			</blockquote>
			<blockquote>Perch</blockquote>
		</div>
	</blockquote>
</div>

<ul id="menu6">
	<li class="foo">Aberdeen</li>
	<li class="foo ui-state-disabled">Ada</li>
	<li class="foo">Adamsville</li>
	<li class="foo">Addyston</li>
	<li id="testID3" class="ui-state-disabled">Delphi
		<ul>
			<li class="foo">Ada</li>
			<li class="foo">Saarland</li>
			<li class="foo">Salzburg</li>
		</ul>
	</li>
	<li class="foo">Saarland</li>
</ul>

<ul id="menu7">
	<li class="ui-menu-group"><strong>Group 1</strong></li>
	<li>Aberdeen</li>
	<li>Ada</li>
	<li>Adamsville</li>
	<li>Addyston</li>
	<li></li>
	<li class="ui-menu-group"><strong>Group 2</strong></li>
	<li>Delphi
		<ul>
			<li>Ada</li>
			<li>Saarland</li>
			<li>Salzburg</li>
		</ul>
	</li>
	<li>Saarland</li>
	<li>---</li>
	<li class="ui-menu-group"><strong>Group 3</strong></li>
	<li>Salzburg
		<ul>
			<li>Delphi
				<ul>
					<li>Ada</li>
					<li> - </li>
					<li>Saarland</li>
					<li>&mdash;</li>
					<li>Salzburg</li>
					<li>&ndash;</li>
				</ul>
			</li>
			<li>Delphi
				<ul>
					<li>Ada</li>
					<li>Saarland</li>
					<li>Salzburg</li>
				</ul>
			</li>
			<li>Perch</li>
		</ul>
	</li>
	<li>Amesville</li>
</ul>

</div>
</body>
</html>
